<html>
    
    <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">

    <title>即时消息</title>

    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="js/jquery/jquery.mobile-1.4.5.min.css"/>

    <link rel="stylesheet" href="css/total/index.css" />
    <link rel="stylesheet" href="css/total/button.css" />
</head>

<body>
    <div data-role="page" id="message">
        <div data-role="none">
            <div data-role="none" class="message_head">
            </div>
            <a data-role="none" href="next.html">
                    <image data-role="none" src="img/arrow187.png" class="img-arrow" />
                </a>
            <!--<a href="#" class="ui-btn ui-shadow ui-corner-all ui-icon-carat-l ui-btn-icon-notext ui-btn-inline"></a>-->
            <div>
                <image src="img/news.png" class="message-img-news" />
                <p class="message-p-news">INSTANT NEWS</p>
            </div>
            <!--
            <table>
                <tr onclick="javascript:window.open('http://www.baidu.com')">
                    <td>
                        <image src="img/1.jpg"></image>
                    </td>
                    <th>我要去百度</th>
                </tr>
                <tr onclick="javascript:window.open('http://www.sohu.com/')">
                    <td>
                        <image src="img/1.jpg"></image>
                    </td>
                    <th>我要去搜狐</th>
                </tr>
            </table>
             -->
             <?php
                require_once 'function/news.php';
                for($i=0;$i<$num;$i++){
                    echo ' <div class="message_news">
                    <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 align=left noshade />
                    <image src="img/mao.png" class="message-img-mao" />';
                    echo "<h>".$rows[$i]['news']."</h>";
                    echo '</div>';
                    
                }
                ?>
             
<!--             <div class="message_news">
                 <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 align=left noshade />
                <image src="img/mao.png" class="message-img-mao" />
             </div>
             
            <div class="message_news">
                 <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 align=left noshade />
                <image src="img/mao.png" class="message-img-mao" />
             </div>
             
             <div class="message_news">
                 <hr style="margin-top:10px;" color=lightgrey width=100% size=2.5 align=left noshade />
                <image src="img/mao.png" class="message-img-mao" />
             </div>-->
             
            <hr  style="margin-top:10px;" color=lightgrey width=100% size=2.5 align=left noshade/>
        </div>
    </div>
    
    <script src="js/jquery/jquery-1.12.0.min.js"></script>
    <script src="js/jquery/jquery.mobile-1.4.5.min.js"></script>
</body>
</html>